import React, { Component } from 'react'
import moment from 'moment'
export default class Clock extends Component {
    state = {
        nowTime: moment().format('YYYY-MM-DD HH:mm:ss')
    }
    render() {
        return (
            <div>
                <p style={{padding: 20, border: 'solid 1px #666', display: 'inline-block'}}> {this.state.nowTime}</p>
            </div>
        )
    }
    componentDidMount(){
        //1. 添加定时器
        //2. 订阅消息
        //3. 增加事件监听
        //4. 发送ajax请求
        // 将定时器id变成一个自定义属性
        this.timer = setInterval(()=>{
            console.log('1')
            this.setState({
                nowTime:moment().format('YYYY-MM-DD HH:mm:ss')
            })
        },1000)
    }
    /**
     *组件即将卸载执行
     */
    componentWillUnmount(){
        // 1. 清除定时器
        // 2. 取消订阅
        // 3. 取消事件监听
        clearInterval(this.timer)
    }
}
